<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML表格</title>
<style>
	table{
/*border-collapse: collapse;去掉表格外边框*/
	}
</style>
</head>==

<body>
	<p style="color: red;font-size: 28px;font-family:'宋体'; ">每个表格从一个 table 标签开始。 每个表格行从 tr 标签开始。 每个表格的数据从 td 标签开始。</p>
	<p>每对tr是一行</p>
<p>一行一列（一个tr是一行）</p>
	<table border="1"><!--定义表格-->
	<tr><!--行-->
		<td>100</td><!--列,或者是单元格-->
		<td>200</td>
		<td>300</td>
	</tr>
	</table>
	<p>单元格边距Cell padding</p>
	<table border="1" cellpadding="10">
		<tr>
			<td>100</td>
			<td>200</td>
			<td>300</td>
		</tr>
	</table>
<p>单元格间距Cell Spacing</p>
	<table border="1" cellspacing="10">
		<tr>
			<td>100</td>
			<td>200</td>
			<td>300</td>
		</tr>
	</table>
<p>两行三列（两个tr，每个tr里有三个td）</p>
	<table border="1">
	<tr>
		<td>100</td>
		<td>200</td>
		<td>300</td>
	</tr>
	<tr>
		<td>400</td>
		<td>500</td>
		<td>600</td>
	</tr>
	</table>
	<p>这个表格没有边框（没有border值）</p>
	<table>
		<tr>
			<td>100</td>
			<td>200</td>
			<td>300</td>
		</tr>
		<tr>
			<td>400</td>
			<td>500</td>
			<td>600</td>
		</tr>
	</table>
	<p>这个表格边框border为0</p>
<table border="0">
		<tr>
			<td>100</td>
			<td>200</td>
			<td>300</td>
		</tr>
	</table>
	<p>水平标题+跨两列（标签th&nbsp; &nbsp;colspan）</p>
	<table border="1">
		<tr>
			<th>《th》</th>
			<th>Name</th>
		  <th colspan="2">Telephone</th>
			<th>Telephone</th>
	  </tr>
		<tr>
			<td>《td》</td>
			<td>MCOTF__ST</td>
			<td>555 77 854</td>
			<td>555 77 855</td>
		</tr>
</table>
	<p>垂直标题+跨两行（标签th rowspan）</p>
	<table border="1">
		<tr>
			<th>First Name</th>
			<td>MCOTF__ST</td>
	  </tr>
		<tr>
		  <th rowspan="2">Telephone</th>
			<td>555 77 855</td>
		</tr>
		<tr>
			<!--<th>Telephone</th>-->
			<td>555 77 855</td>
		</tr>
</table>

<p>表格内不同元素</p>
<table border="1">
	<tr>
		<td>
			<p>这是一个段落</p>
			<p>这是另一个段落</p>
		</td>
		<td>这个单元格包含一个表格
			<table border="1">
				<tr>
					<td>A</td>
					<td>B</td>
				</tr>
				<tr>
					<td>C</td>
					<td>D</td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td>这个单元格包含一个列表
			<ul>
				<li>apples</li>
				<li>bananas</li>
				<li>pineapples</li>
			</ul>
		</td>
		<td>差不多得了</td>
	</tr>
</table>

</body>
</html>
